首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端小馆

    介绍 Preact Signals

    import { signal } from "@preact/signals"; const count = signal(0); // Read a signal’s value by accessing 2.3 栗子 我们可以用一个例子来理解 Signals 的独特之处: import { signal } from "@preact/signals"; const count = signal(0) 安装 可以通过将 @preact/signals 包添加到项目中来安装 Signals: npm install @preact/signals 4. import { signal, computed } from "@preact/signals"; const todos = signal([ { text: "Buy groceries" 总结 SignalsPreact 最近新出的特性,目前还不稳定,不建议在生产环境使用,如果想尝试,可以考虑在小型项目中使用。

    50710编辑于 2022-09-29
  • 来自专栏前端小馆

    介绍 Preact Signals

    import { signal } from "@preact/signals";const count = signal(0);// Read a signal’s value by accessing 2.3 栗子我们可以用一个例子来理解 Signals 的独特之处:import { signal } from "@preact/signals";const count = signal(0);const 安装可以通过将 @preact/signals 包添加到项目中来安装 Signals:npm install @preact/signals4. 4.1 创建状态首先需要一个包含待办事项列表的 signal,可以用数组来表示:import { signal } from "@preact/signals";const todos = signal 总结SignalsPreact 最近新出的特性,目前还不稳定,不建议在生产环境使用,如果想尝试,可以考虑在小型项目中使用。

    1.2K20编辑于 2022-09-17
  • 来自专栏前端技术地图

    Preact

    Preact 是 React 的缩略版, 体积非常小, 但五脏俱全. 如果你想了解 React 的基本原理, 可以去学习学习 Preact 的源码, 这也正是本文的目的。 Preact 的自定义组件是基于 Component 类实现的. preact 也实现了 hooks 机制,实现代码也就百来行,让我们来体会体会. hooks 功能本身是没有集成在 Preact 代码库内部的,而是通过preact/hooks导入 import { h } from 'preact'; import { useEffect } from 'preact/hooks'; function Foo() { useEffect(() => { 实际上 Preact 提供了options对象来对 Preact diff 进行扩展,options 类似于 Preact 生命周期钩子,在 diff 过程中被调用(为了行文简洁,上面的代码我忽略掉了)

    1.7K30发布于 2019-08-07
  • 来自专栏方亮

    Opentelemetry——Signals

    大纲 Signals Signals 信号 Learn about the categories of telemetry supported by OpenTelemetry 了解 OpenTelemetry OpenTelemetry 的目标是收集、处理和导出SignalsSignals是系统导出的,用于描述在平台上运行的操作系统和应用程序的活动状态。 Signals可以是您想在特定时间点测量的东西,例如温度或内存使用情况,或在分布式系统的各个组件上流转的、用于追踪的事件。 您可以将不同的Signals组合在一起,以观察同一项技术在不同情况下的内部运作情况。 在Signals之间传递的上下文信息

    17000编辑于 2024-05-24
  • 来自专栏方亮

    Opentelemetry——Signals-Metrics

    A measurement captured at runtime 在运行时捕获的测量值。

    30800编辑于 2024-05-24
  • 来自专栏方亮

    Opentelemetry——Signals-Baggage

    *Baggage is not the same as Span attributes* Baggage Contextual information that is passed between signals Baggage provides a uniform way to store and propagate information across a trace and other signals.

    24000编辑于 2024-05-24
  • 来自专栏flytam之深入前端技术栈

    深入Preact源码分析(三)Preact组件实例到DOM的过程

    紧接上节,Preact组件从vnode到真实html的过程发生了什么? Component{} 定义的 //首先是对自己的组件实例化 inst = new Ctor(props, context); //然后再在我们实例化的组件,去获得一些Preact 所以, 这就能说明了Preact(React也一样)父子组件的生命周期执行顺序了 parentWillMount -> parentRender -> childWillMount -> childRender

    64011发布于 2020-01-14
  • 来自专栏方亮

    Opentelemetry——Signals-Trace

    Understand the full path through your distributed application. 了解分布式应用程序的完整路径。

    38400编辑于 2024-05-24
  • 来自专栏方亮

    Opentelemetry——Signals-Logs

    Of all telemetry signals, logs have the biggest legacy. operational ecosystems, OpenTelemetry acts as a “bridge” between those logs, the tracing and metrics signals

    27300编辑于 2024-05-24
  • 来自专栏杨丝儿的小站

    SP Module 3 – Digital Speech Signals

    Pitch Periodic signals are perceived as having a pitch. Another way of saying that is that these basis functions are also digital signals, and the highest possible Origin: Module 3 – Digital Speech Signals Translate + Edit: YangSier (Homepage)

    45830编辑于 2022-11-10
  • 来自专栏数据云团

    Django实战-Signals 信号量

    from django.db.models import signals django的signal结合contenttypes可以实现好友最新动态,新鲜事,消息通知等功能。 要实现这种功能可以在动作发生的代码里实现,也可以通过数据库触发器等实现,但在django中,可以使用signals。 django.contrib.auth.models import Userfrom django.contrib.contenttypes import fieldsfrom django.db.models import signals """ post = instance event = Event(user=post.author, content_object=post) event.save() signals.post_save.connect 往期回顾 Django源码学习-4-Signals 信号量 Django源码学习-25-ContentType Django实战-信息资讯-付费资讯基础模型 Django实战-生鲜电商-删除购物车数据|

    92130发布于 2019-10-18
  • 来自专栏京程一灯

    Preact: 可作React的备胎

    目前看来,Preact是最好的备胎。 Preact肯定是读过《一个备胎的自我休养》,充分考虑到了开发者迁移的痛苦,所以,最理想情况,迁移到Preact只要修改四行,就搞定了。 先是在package.json中增加preactpreact-compat,其中preact-compat用来保证preact和React之间的接口兼容。 的引用全都转移为使用preact-compat。 preact,希望那时候我们别手忙脚乱就好。 基于这个原则,我们不会在现有代码中去用特定于preact的功能,我们只要关心那些功能React有但是preact没有,这是需要避免的危险区。

    96410发布于 2019-03-27
  • 来自专栏前端开发

    Angular 最新的 Signals 特性详解

    其中,最新的 Signals 特性为状态管理和变更检测提供了更精细的控制和优化。 Signals 的类型在 Angular 中,Signals 分为可写信号(Writable Signals)和只读信号(Read-only Signals)。 Signals 的优势引入 Signals 为 Angular 带来了多项优势:精细的依赖追踪:Signals 允许框架精确地追踪状态的使用位置,从而仅更新受影响的部分,提升渲染性能。 Signals 与 RxJS 的互操作虽然 Signals 提供了新的响应式机制,但在某些情况下,仍需要与 RxJS 进行互操作。 Signals 的最佳实践在使用 Signals 时,建议遵循以下最佳实践:避免直接修改对象属性:对于包含对象的信号,避免直接修改其属性。

    44910编辑于 2025-08-03
  • 来自专栏flytam之深入前端技术栈

    超详细preact hook源码逐行解析

    本文通过对preact的hook源码分析,理解和掌握react/preact的hook用法以及一些常见的问题。 对于 preact的hook分析,我们很容易旧记住 hook 的使用和防止踩一些误区 preact hook 作为一个单独的包preact/hook引入的,它的总代码包含注释区区 300 行。 2、为什么 hook 不能放在 条件语句里面 3、为什么不能在普通函数执行 hook 基础 前面提到,hook在preact中是通过preact/hook内一个模块单独引入的。 preact hook 的实现对于原有的 preact 是几乎零入侵。它通过暴露在preact.options中的几个钩子函数在preact的相应初始/更新时候执行相应的hook逻辑。 总结: preact和react在源码实现上有一定差异,但是通过对 preact hook 源码的学习,对于理解 hook 的很多观念和思想是非常有帮助的。

    3K20发布于 2020-01-14
  • React 之后,前端的下一个“十年之约”叫 Signals

    最近,Signals(信号)这个概念在SolidJS、Preact、Qwik甚至Angular中全线爆发,连Vue也一直深耕于此。 Signals走的是另一条路:精确制导。 Signals:学生(状态)直接给特定的同学(DOM节点)发个微信:“我改名了,你改一下笔记。”02诸神黄昏:主流框架的“信号”之战虽然大家都在提Signals,但各家的实现思路和现状大不相同。 3.React:倔强的“单向数据流”React官方目前对Signals保持克制。React的核心哲学是“UI即函数”,追求的是声明式的简洁。引入Signals意味着打破这一哲学,转向响应式监听。 虽然Preact等社区库已经实现了React版本的Signals,但官方更倾向于通过ReactCompiler(Forget)自动处理优化,而不是改变底层响应式模型。03为什么是现在?

    19010编辑于 2026-01-27
  • 来自专栏祥的专栏

    自定义信号signals和emit信号

    信号说明 3.3. connect说明 Qt自定义信号signals和emit信号 1.问题来源 Qt调用Matlab Engine,但是Matlab Engine打开太慢了,如果放在UI主线程中会造成界面卡死 QThread> #include <QDialog> #include "engine.h" class threadMatlab : public QThread { Q_OBJECT //自定义信号 signals 信号说明 自定义信号用关键词signals:,类似C++的关键词public、private等用法一致。 如果要自定义保护信号,就在protected:后声明。

    3.3K10发布于 2020-03-10
  • 来自专栏HD-学习笔记

    Device-Free Gesture Tracking Using Acoustic Signals

    论文链接: Device-Free Gesture Tracking Using Acoustic Signals 开源代码: ios: LLAP:Device-Free Gesture Tracking Using Acoustic Signals android: LLAP:Device-Free Gesture Tracking Using Acoustic Signals Summary 这篇文章详细对比了各种监测方法并提出了 ACM MobiCom, 2011 Radio Frequency (RF) signals Wei Wang, Alex X. Keystroke recognition using WiFi signals. In Proc. ACM MobiCom, 2015. Whole-home gesture recognition using wireless signals. In Proc. ACM MobiCom, 2013.

    94920编辑于 2023-02-18
  • 来自专栏code秘密花园

    Preact X 有什么新功能?

    自最初发行以来,Preact的维护者已经发布了多个版本,以解决问题并添加功能。在2019年10月,Preact X 发布了一些更新,旨在解决常见的痛点并改善现有功能。 Preact X 的新功能和改进 Preact的维护者进行了重大改进,以支持许多最新的React功能。让我们回顾一些最有趣的新功能。 Preact X提供了许多开箱即用的Hooks以及创建自定义Hooks的功能。你可以从 preact/hooks 或 preact/compat 导入Hooks。 // Preact 8.x import React from "preact-compat"; // Preact X import React from "preact/compat"; 现在, Preact X还直接支持CSS自定义属性以对Preact组件进行样式设置。

    3.1K50发布于 2020-03-04
  • 来自专栏ccf19881030的博客

    Signals-The Boost C++ Libraries

    本文翻译自Signals Signals Boost.Signals2提供了boost::signals2::signal类,可用于创建信号。 此类在boost/signals2/signal.hpp中定义。 或者,您可以使用头文件boost/signals2.hpp,它是一个主头文件,定义了Boost.Signals2中可用的所有类和函数。 Boost.Signals2定义boost::signals2::signal和其他类,以及命名空间boost::signals2中的所有函数。 示例67.1 “Hello,World” 使用boost::signals2::signal #include <boost/signals2.hpp> #include <iostream> using

    1.6K40发布于 2020-11-10
  • 来自专栏code秘密花园

    Signals 的标准化提案,来了!

    有关 Signals 的一些热门问题 提案中也描述了开发者们提出的关于 Signals 的一系列问题,下面是我挑出来的一些热门问题: Q:既然 Signals 在 2022 年刚开始流行,现在标准化有关 现有的使用类似 Signal 结构的 JavaScript 框架已与虚拟 DOM (例如,Preact)、原生 DOM (例如,Solid )以及两者的组合(例如,Vue )集成在一起。 Q:Signals 是否像 React 那样支持单向数据流? A:是的,Signals 是单向数据流的一种机制。 Q:Signals 与像 Redux 这样的状态管理系统有什么关系?Signals是否鼓励非结构化状态? A:Signals 可以有效地构成类似存储的状态管理抽象基础。 如果你已经迫不及待的想要在项目里试试 Signals 了,可以先尝试使用这个 Polyfill: https://github.com/proposal-signals/proposal-signals

    64910编辑于 2024-04-15
领券